<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ include file="/WEB-INF/jsp/commons/taglibs.jsp"%>
<link href="${ctx}/resources/css/pagination.css" rel="stylesheet" type="text/css">
<style>
<style type="text/css">
/* CSS Document */


a {
color: #c75f3e;
}


caption {
padding: 0 0 5px 0;
width: 700px;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}

/*power by www.winshell.cn*/
th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}

td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
/*power by www.winshell.cn*/

td.alt {
background: #F5FAFA;
color: #797268;
}

th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
/*---------for IE 5.x bug*/
html>body td{ font-size:11px;}
body,td,th {
font-family: 宋体, Arial;
font-size: 12px;
}
</style>

<table style="width:100%;color: #4f6b72;background: #E6EAE9;">
    <thead>					    	
    	<tr>
    		<th scope="col" width="15%">序列</th>
    		<th scope="col" width="15%">类型标识</th>
    		<th scope="col" width="50%">类型名称</th>    
    	</tr>
    </thead>
	<tbody>
	      <caption> </caption>
		  <c:forEach varStatus="status" var="leaveType" items="${pageData.result}">
		      <tr>	  
		    	<td class="row">
					<c:out value="${status.count}" />
			   </td>
			   <td class="row">
					${leaveType.typeLabel}
				</td>				
				<td class="row">
					${leaveType.typeName}
				</td>
				<td class="row">
					<a href="javascript:deleteLeaveType('${leaveType.id}')">删除</a>
				</td>
				<tr>
		 </c:forEach>			
		
	</tbody>
</table>
<div class="page">
					${pagination}
</div>